<template>
    <div _tmplitem="14" class="dv-full-screen-container" :style="css">
        <div _tmplitem="14" style="position: absolute;width:1920px;height:1080px; background-image: url(/temp/37b95696b2bc392e59b0282ef4b8c7eb.png); background-size: contain;background-color:rgba(13, 42, 67);" class="div-full-screen">
            <div _tmplitem="14" class="bigitem" style="top: 0px; left: 0px; width: 1922px; height: 79px; transform: translate(0px, 0px); z-index: 1013;">
                <div _tmplitem="14" class="itemcontent " style="opacity:1;line-height:72px ;font-size:72px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:rotateZ(0deg)rotateY(0deg)   rotateX(0deg) ;">
                    <iconimg _tmplitem="1" iconclass="head.svg" style="opacity:1;line-height:72px ;font-size:72px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:rotateZ(0deg)rotateY(0deg)   rotateX(0deg) ;"></iconimg>
                </div>
            </div>
            <div _tmplitem="14" class="bigitem" style="top: 275px; left: 1275px; width: 602px; height: 771px; transform: translate(0px, 0px); z-index: 1012;">
                <div _tmplitem="14" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="2" ref="sel169206508772565" :options="fromData.sel169206508772565"></myechart>
                </div>
            </div>
            <div _tmplitem="14" class="bigitem" style="top: 145px; left: 46px; width: 1198px; height: 894px; transform: translate(0px, 0px); z-index: 1011;">
                <div _tmplitem="14" class="itemcontent " style="opacity:1;border-radius:0px;border-width:0px ;border-style:solid ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <myechart _tmplitem="3" ref="sel169206488898074" :options="fromData.sel169206488898074"></myechart>
                </div>
            </div>
            <div _tmplitem="14" class="bigitem" style="top: 548px; left: 1019px; width: 151px; height: 40px; transform: translate(0px, 0px); z-index: 1010;">
                <div _tmplitem="14" class="itemcontent " style="opacity:1;font-size:30px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <titlecontrol _tmplitem="4" ref="sel169206479520032" :w="151" :h="40" :val="fromData.sel169206479520032" cssstyle="opacity:1;font-size:30px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="14" class="bigitem" style="top: 181px; left: 1300px; width: 545px; height: 65px; transform: translate(0px, 0px); z-index: 109;">
                <div _tmplitem="14" class="itemcontent " style="opacity:1;font-size:30px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:60px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <titlecontrol _tmplitem="5" ref="sel169206423269356" :w="545" :h="65" :val="fromData.sel169206423269356" cssstyle="opacity:1;font-size:30px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:60px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="14" class="bigitem" style="top: 588px; left: 1007px; width: 175px; height: 42px; transform: translate(0px, 0px); z-index: 108;">
                <div _tmplitem="14" class="itemcontent " style="opacity:1;font-size:25px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <titlecontrol _tmplitem="6" ref="sel169206407931635" :w="175" :h="42" :val="fromData.sel169206407931635" cssstyle="opacity:1;font-size:25px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="14" class="bigitem" style="top: 470px; left: 981px; width: 223px; height: 215px; transform: translate(0px, 0px); z-index: 107;">
                <div _tmplitem="14" class="itemcontent " style="opacity:1;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <dv-decoration-9 style="width:223px;height:215px" :color="[]"></dv-decoration-9>
                </div>
            </div>
            <div _tmplitem="14" class="bigitem" style="top: 144px; left: 1271px; width: 612px; height: 904px; transform: translate(0px, 0px); z-index: 106;">
                <div _tmplitem="14" class="itemcontent " style="opacity:1;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <dv-border-box-12 style="width:612px;height:904px" backgroundcolor="" :color="[]"></dv-border-box-12>
                </div>
            </div>
            <div _tmplitem="14" class="bigitem" style="top: 144px; left: 38px; width: 1218px; height: 904px; transform: translate(0px, 0px); z-index: 105;">
                <div _tmplitem="14" class="itemcontent " style="opacity:1;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <dv-border-box-12 style="width:1218px;height:904px" backgroundcolor="" :color="[]"></dv-border-box-12>
                </div>
            </div>
            <div _tmplitem="14" class="bigitem" style="top: 12px; left: -1px; width: 300px; height: 40px; transform: translate(0px, 0px); z-index: 104;">
                <div _tmplitem="14" class="itemcontent " style="opacity:1;font-size:20px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <horseindex _tmplitem="10" ref="sel169206154173199" :w="300" :h="40" :val="fromData.sel169206154173199" cssstyle="opacity:1;font-size:20px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></horseindex>
                </div>
            </div>
            <div _tmplitem="14" class="bigitem" style="top: 12px; left: 1688px; width: 231px; height: 40px; transform: translate(0px, 0px); z-index: 103;">
                <div _tmplitem="14" class="itemcontent " style="opacity:1;font-size:20px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <comdatetime _tmplitem="11" ref="sel16920615057414" w="231" h="40" format="YYYY-MM-DD HH:mm:ss" cssstyle="opacity:1;font-size:20px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></comdatetime>
                </div>
            </div>
            <div _tmplitem="14" class="bigitem" style="top: 25px; left: 737px; width: 464px; height: 40px; transform: translate(0px, 0px); z-index: 102;">
                <div _tmplitem="14" class="itemcontent animation-bounce" style="opacity:1;font-size:32px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <titlecontrol _tmplitem="12" ref="sel169206140329867" :w="464" :h="40" :val="fromData.sel169206140329867" cssstyle="opacity:1;font-size:32px ;color:rgb(255, 255, 255) ;border-radius:0px;border-width:0px ;border-style:solid ;line-height:40px ;--animation:2s;--animation-flash:0.2s;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);"></titlecontrol>
                </div>
            </div>
            <div _tmplitem="14" class="bigitem" style="top: 54px; left: 0px; width: 1920px; height: 52px; transform: translate(0px, 0px); z-index: 101;">
                <div _tmplitem="14" class="itemcontent " style="opacity:1;transform:  rotateX(0deg) rotateY(0deg) rotateZ(0deg);">
                    <dv-decoration-5 style="width:1920px;height:52px" :color="[]"></dv-decoration-5>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    import myechart from '@/components/myechart/newindex.vue'
    import fullscreen from '@/components/fullscreen.vue'
    import eltable from '@/components/scrollgridlist/eltable.vue'
    import iconimg from '@/components/iconimg.vue'
    import titlecontrol from '@/components/titlecontrol.vue'
    import horseindex from '@/components/horseindex.vue'
    import textareaindex from '@/components/textareaindex.vue'
    import backgroundunit1 from '@/components/backgroundunit/backgroundunit1.vue'
    import backgroundunit2 from '@/components/backgroundunit/backgroundunit2.vue'
    import backgroundunit3 from '@/components/backgroundunit/backgroundunit3.vue'
    import backgroundunit4 from '@/components/backgroundunit/backgroundunit4.vue'
    import backgroundunit5 from '@/components/backgroundunit/backgroundunit5.vue'
    import backgroundunit7 from '@/components/backgroundunit/backgroundunit7.vue'
    import backgroundunit8 from '@/components/backgroundunit/backgroundunit8.vue'
    import backgroundunit9 from '@/components/backgroundunit/backgroundunit9.vue'
    import backgroundunit10 from '@/components/backgroundunit/backgroundunit10.vue'
    import backgroundunit11 from '@/components/backgroundunit/backgroundunit11.vue'
    import backgroundunit12 from '@/components/backgroundunit/backgroundunit12.vue'
    import myfabric from '@/components/myfabric/hotspot.vue'
    import bigimg from '@/components/bigImg.vue'
    export default {
        data() {
            return {
                "w": 1920,
                "css": "",
                "h": 1080,
                "bg": "/temp/37b95696b2bc392e59b0282ef4b8c7eb.png",
                "bgColor": "rgba(13, 42, 67)",
                "fromData": {
                    "sel169206508772565": {
                        "title": {
                            "text": "",
                            "textStyle": {
                                "align": "center",
                                "color": "#fff",
                                "fontSize": 20
                            },
                            "top": "5%",
                            "left": "center"
                        },
                        "tooltip": {
                            "trigger": "axis",
                            "axisPointer": {
                                "lineStyle": {
                                    "color": {
                                        "type": "linear",
                                        "x": 0,
                                        "y": 0,
                                        "x2": 0,
                                        "y2": 1,
                                        "colorStops": [{
                                            "offset": 0,
                                            "color": "rgba(0, 255, 233,0)"
                                        }, {
                                            "offset": 0.5,
                                            "color": "rgba(255, 255, 255,1)"
                                        }, {
                                            "offset": 1,
                                            "color": "rgba(0, 255, 233,0)"
                                        }],
                                        "global": false
                                    }
                                }
                            }
                        },
                        "grid": {
                            "top": "15%",
                            "left": "5%",
                            "right": "5%",
                            "bottom": "15%"
                        },
                        "xAxis": [{
                            "type": "category",
                            "axisLine": {
                                "show": true
                            },
                            "splitArea": {
                                "color": "#f00",
                                "lineStyle": {
                                    "color": "#f00"
                                }
                            },
                            "axisLabel": {
                                "color": "#fff"
                            },
                            "splitLine": {
                                "show": false
                            },
                            "boundaryGap": false,
                            "data": ["A", "B", "C", "D", "E", "F"]
                        }],
                        "yAxis": [{
                            "type": "value",
                            "min": 0,
                            "splitNumber": 4,
                            "splitLine": {
                                "show": true,
                                "lineStyle": {
                                    "color": "rgba(255,255,255,0.1)"
                                }
                            },
                            "axisLine": {
                                "show": false
                            },
                            "axisLabel": {
                                "show": false,
                                "margin": 20,
                                "textStyle": {
                                    "color": "#d1e6eb"
                                }
                            },
                            "axisTick": {
                                "show": false
                            }
                        }],
                        "series": [{
                            "name": "注册总量",
                            "type": "line",
                            "smooth": true,
                            "showAllSymbol": true,
                            "symbol": "circle",
                            "symbolSize": 15,
                            "lineStyle": {
                                "normal": {
                                    "color": "#00b3f4",
                                    "shadowColor": "rgba(0, 0, 0, .3)",
                                    "shadowBlur": 0,
                                    "shadowOffsetY": 5,
                                    "shadowOffsetX": 5
                                }
                            },
                            "label": {
                                "show": true,
                                "position": "top",
                                "textStyle": {
                                    "color": "#00b3f4"
                                }
                            },
                            "itemStyle": {
                                "color": "#00b3f4",
                                "borderColor": "#fff",
                                "borderWidth": 3,
                                "shadowColor": "rgba(0, 0, 0, .3)",
                                "shadowBlur": 0,
                                "shadowOffsetY": 2,
                                "shadowOffsetX": 2
                            },
                            "tooltip": {
                                "show": false
                            },
                            "areaStyle": {
                                "normal": {
                                    "color": {
                                        "colorStops": [{
                                            "offset": 0,
                                            "color": "rgba(0,179,244,0.3)"
                                        }, {
                                            "offset": 1,
                                            "color": "rgba(0,179,244,0)"
                                        }],
                                        "x": 0,
                                        "y": 0,
                                        "x2": 0,
                                        "y2": 1,
                                        "type": "linear",
                                        "global": false
                                    },
                                    "shadowColor": "rgba(0,179,244, 0.9)",
                                    "shadowBlur": 20
                                }
                            },
                            "data": [502.84, 205.97, 332.79, 281.55, 398.35, 214.02]
                        }, {
                            "name": "注册总量",
                            "type": "line",
                            "smooth": true,
                            "showAllSymbol": true,
                            "symbol": "circle",
                            "symbolSize": 15,
                            "lineStyle": {
                                "normal": {
                                    "color": "#00ca95",
                                    "shadowColor": "rgba(0, 0, 0, .3)",
                                    "shadowBlur": 0,
                                    "shadowOffsetY": 5,
                                    "shadowOffsetX": 5
                                }
                            },
                            "label": {
                                "show": true,
                                "position": "top",
                                "textStyle": {
                                    "color": "#00ca95"
                                }
                            },
                            "itemStyle": {
                                "color": "#00ca95",
                                "borderColor": "#fff",
                                "borderWidth": 3,
                                "shadowColor": "rgba(0, 0, 0, .3)",
                                "shadowBlur": 0,
                                "shadowOffsetY": 2,
                                "shadowOffsetX": 2
                            },
                            "tooltip": {
                                "show": false
                            },
                            "areaStyle": {
                                "normal": {
                                    "color": {
                                        "colorStops": [{
                                            "offset": 0,
                                            "color": "rgba(0,202,149,0.3)"
                                        }, {
                                            "offset": 1,
                                            "color": "rgba(0,202,149,0)"
                                        }],
                                        "x": 0,
                                        "y": 0,
                                        "x2": 0,
                                        "y2": 1,
                                        "type": "linear",
                                        "global": false
                                    },
                                    "shadowColor": "rgba(0,202,149, 0.9)",
                                    "shadowBlur": 20
                                }
                            },
                            "data": [281.55, 398.35, 214.02, 179.55, 289.57, 356.14]
                        }]
                    },
                    "sel169206488898074": {
                        "title": {
                            "text": "中国大区分布图",
                            "subtext": "中国的八大区分布",
                            "itemGap": 30,
                            "left": "center",
                            "textStyle": {
                                "color": "#1a1b4e",
                                "fontStyle": "normal",
                                "fontWeight": "bold",
                                "fontSize": 30
                            },
                            "subtextStyle": {
                                "color": "#58d9df",
                                "fontStyle": "normal",
                                "fontWeight": "bold",
                                "fontSize": 16
                            }
                        },
                        "tooltip": {
                            "trigger": "item"
                        },
                        "visualMap": {
                            "min": 0,
                            "max": 100,
                            "left": "left",
                            "top": "bottom",
                            "text": ["高", "低"],
                            "calculable": true,
                            "inRange": {
                                "color": ["#ffffff", "#E0DAFF", "#ADBFFF", "#9CB4FF", "#6A9DFF", "#3889FF"]
                            }
                        },
                        "toolbox": {
                            "show": true,
                            "orient": "vertical",
                            "left": "right",
                            "top": "center",
                            "feature": {
                                "dataView": {
                                    "readOnly": false
                                },
                                "restore": {},
                                "saveAsImage": {}
                            }
                        },
                        "geo": {
                            "map": "china",
                            "zoom": 1.2,
                            "label": {
                                "normal": {
                                    "show": true,
                                    "color": "#c1c4c8"
                                },
                                "emphasis": {
                                    "show": false,
                                    "color": "#292929"
                                }
                            },
                            "roam": true,
                            "itemStyle": {
                                "normal": {
                                    "areaColor": "#fbfbfb",
                                    "borderColor": "#b9b4b7"
                                },
                                "emphasis": {
                                    "areaColor": "#05ff09"
                                }
                            }
                        },
                        "series": [{
                            "name": "北京市",
                            "type": "lines",
                            "zlevel": 2,
                            "symbolSize": 10,
                            "effect": {
                                "show": true,
                                "period": 6,
                                "symbol": "path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z",
                                "trailLength": 0,
                                "symbolSize": 15
                            },
                            "lineStyle": {
                                "normal": {
                                    "color": "#c60fff",
                                    "width": 2,
                                    "opacity": 0.5,
                                    "curveness": 0.2
                                }
                            },
                            "data": [{
                                "fromName": "北京市",
                                "toName": "齐齐哈尔",
                                "coords": [
                                    [116.4551, 40.2539],
                                    [123.97, 47.33]
                                ]
                            }, {
                                "fromName": "北京市",
                                "toName": "盐城",
                                "coords": [
                                    [116.4551, 40.2539],
                                    [120.13, 33.38]
                                ]
                            }, {
                                "fromName": "北京市",
                                "toName": "青岛",
                                "coords": [
                                    [116.4551, 40.2539],
                                    [120.33, 36.07]
                                ]
                            }, {
                                "fromName": "北京市",
                                "toName": "金昌",
                                "coords": [
                                    [116.4551, 40.2539],
                                    [102.188043, 38.520089]
                                ]
                            }, {
                                "fromName": "北京市",
                                "toName": "泉州",
                                "coords": [
                                    [116.4551, 40.2539],
                                    [118.58, 24.93]
                                ]
                            }, {
                                "fromName": "北京市",
                                "toName": "拉萨",
                                "coords": [
                                    [116.4551, 40.2539],
                                    [91.11, 29.97]
                                ]
                            }, {
                                "fromName": "北京市",
                                "toName": "上海浦东",
                                "coords": [
                                    [116.4551, 40.2539],
                                    [121.48, 31.22]
                                ]
                            }, {
                                "fromName": "北京市",
                                "toName": "攀枝花",
                                "coords": [
                                    [116.4551, 40.2539],
                                    [101.718637, 26.582347]
                                ]
                            }, {
                                "fromName": "北京市",
                                "toName": "威海",
                                "coords": [
                                    [116.4551, 40.2539],
                                    [122.1, 37.5]
                                ]
                            }, {
                                "fromName": "北京市",
                                "toName": "承德",
                                "coords": [
                                    [116.4551, 40.2539],
                                    [117.93, 40.97]
                                ]
                            }, {
                                "fromName": "北京市",
                                "toName": "汕尾",
                                "coords": [
                                    [116.4551, 40.2539],
                                    [115.375279, 22.786211]
                                ]
                            }, {
                                "fromName": "北京市",
                                "toName": "克拉玛依",
                                "coords": [
                                    [116.4551, 40.2539],
                                    [84.77, 45.59]
                                ]
                            }, {
                                "fromName": "北京市",
                                "toName": "重庆市",
                                "coords": [
                                    [116.4551, 40.2539],
                                    [108.384366, 30.439702]
                                ]
                            }, {
                                "fromName": "北京市",
                                "toName": "北京市",
                                "coords": [
                                    [116.4551, 40.2539],
                                    [116.4551, 40.2539]
                                ]
                            }]
                        }, {
                            "name": "供需占比",
                            "type": "effectScatter",
                            "coordinateSystem": "geo",
                            "data": [{
                                "name": "齐齐哈尔",
                                "value": [123.97, 47.33, null]
                            }, {
                                "name": "盐城",
                                "value": [120.13, 33.38, null]
                            }, {
                                "name": "青岛",
                                "value": [120.33, 36.07, null]
                            }, {
                                "name": "金昌",
                                "value": [102.188043, 38.520089, null]
                            }, {
                                "name": "泉州",
                                "value": [118.58, 24.93, null]
                            }, {
                                "name": "拉萨",
                                "value": [91.11, 29.97, null]
                            }, {
                                "name": "上海浦东",
                                "value": [121.48, 31.22, null]
                            }, {
                                "name": "攀枝花",
                                "value": [101.718637, 26.582347, null]
                            }, {
                                "name": "威海",
                                "value": [122.1, 37.5, null]
                            }, {
                                "name": "承德",
                                "value": [117.93, 40.97, null]
                            }, {
                                "name": "汕尾",
                                "value": [115.375279, 22.786211, null]
                            }, {
                                "name": "克拉玛依",
                                "value": [84.77, 45.59, null]
                            }, {
                                "name": "重庆市",
                                "value": [108.384366, 30.439702, null]
                            }, {
                                "name": "北京市",
                                "value": [116.4551, 40.2539, null]
                            }],
                            "symbolSize": 8,
                            "showEffectOn": "render",
                            "rippleEffect": {
                                "scale": 5,
                                "brushType": "stroke"
                            },
                            "hoverAnimation": true,
                            "label": {
                                "normal": {
                                    "formatter": "{b}",
                                    "position": "right",
                                    "show": true
                                },
                                "emphasis": {
                                    "show": true
                                }
                            },
                            "itemStyle": {
                                "normal": {
                                    "color": "#c60fff",
                                    "shadowBlur": 20,
                                    "shadowColor": "#333"
                                }
                            }
                        }, {
                            "type": "map",
                            "mapType": "china",
                            "geoIndex": 0,
                            "label": {
                                "normal": {
                                    "show": true
                                },
                                "emphasis": {
                                    "show": true
                                }
                            },
                            "data": [{
                                "name": "北京",
                                "value": 20
                            }, {
                                "name": "天津",
                                "value": 88
                            }, {
                                "name": "上海",
                                "value": 54
                            }, {
                                "name": "重庆",
                                "value": 91
                            }, {
                                "name": "河北",
                                "value": 73
                            }, {
                                "name": "河南",
                                "value": 79
                            }, {
                                "name": "云南",
                                "value": 92
                            }, {
                                "name": "辽宁",
                                "value": 65
                            }, {
                                "name": "黑龙江",
                                "value": 16
                            }, {
                                "name": "湖南",
                                "value": 9
                            }, {
                                "name": "安徽",
                                "value": 25
                            }, {
                                "name": "山东",
                                "value": 72
                            }, {
                                "name": "新疆",
                                "value": 54
                            }, {
                                "name": "江苏",
                                "value": 12
                            }, {
                                "name": "浙江",
                                "value": 13
                            }, {
                                "name": "江西",
                                "value": 28
                            }, {
                                "name": "湖北",
                                "value": 90
                            }, {
                                "name": "广西",
                                "value": 57
                            }, {
                                "name": "甘肃",
                                "value": 70
                            }, {
                                "name": "山西",
                                "value": 95
                            }, {
                                "name": "内蒙古",
                                "value": 70
                            }, {
                                "name": "陕西",
                                "value": 62
                            }, {
                                "name": "吉林",
                                "value": 42
                            }, {
                                "name": "福建",
                                "value": 72
                            }, {
                                "name": "贵州",
                                "value": 76
                            }, {
                                "name": "广东",
                                "value": 68
                            }, {
                                "name": "青海",
                                "value": 92
                            }, {
                                "name": "西藏",
                                "value": 99
                            }, {
                                "name": "四川",
                                "value": 27
                            }, {
                                "name": "宁夏",
                                "value": 63
                            }, {
                                "name": "海南",
                                "value": 56
                            }, {
                                "name": "台湾",
                                "value": 13
                            }, {
                                "name": "香港",
                                "value": 43
                            }, {
                                "name": "澳门",
                                "value": 31
                            }]
                        }]
                    },
                    "sel169206479520032": "2020年",
                    "sel169206423269356": "基本达成目标，为“十四五“提高创造条件",
                    "sel169206407931635": "12月",
                    "sel169206154173199": "公告：公司从元月1号起执行钉钉打卡，一个月有三次补卡机会，请相互转告。",
                    "sel169206140329867": "全国空气质量大数据分析地图"
                },
                "controlTimer": {}
            }
        },
        methods: {
            created_sys() {
                ///系统方法 判断页面大小 使其自动适应
                let $this = this
                this.w = this.w === undefined ? 1920 : this.w
                $this.css = `  width: ${$this.w}px;height: ${$this.h}px; ${$this.bg === "" ? "" : "background-image:url(" + $this.bg + ");background-size: contain;"
                    }  transform: scale(${document.body.clientWidth / $this.w});  ${$this.bgColor === ""
                        ? ""
                        : "background-color:" +
                        $this.bgColor +
                        ";left:calc( 50% - " +
                        $this.w / 2 +
                        "px);"
                    }`

                window.addEventListener("resize", () => {
                    $this.css = `  width: ${$this.w}px;height: ${$this.h}px; ${$this.bg === "" ? "" : "background-image:url(" + $this.bg + ");    background-size: contain;"
                        }  transform: scale(${document.body.clientWidth / $this.w}); ${$this.bgColor === ""
                            ? ""
                            : "background-color:" + $this.bgColor + ";"
                        }`
                })
                $this.css = `transform: scale(${document.body.clientWidth / $this.w})`
                if (this.loadfunmounted_sys !== undefined) {
                    this.loadfunmounted_sys()
                }
            },
            loadfunmounted_sys() {}
        },
        created() {
            this.created_sys()
            if (this.loadfunmounted !== undefined) {
                this.loadfunmounted()
            }

        },
        destroyed() {
            for (let key in this.controlTimer) {
                clearInterval(this.controlTimer[key]);
                this.controlTimer[key] = null
            }
        },
        components: {
            myechart,
            titlecontrol,
            horseindex,
            textareaindex,
            backgroundunit1,
            backgroundunit2,
            backgroundunit3,
            backgroundunit4,
            backgroundunit5,
            backgroundunit7,
            backgroundunit8,
            backgroundunit9,
            backgroundunit10,
            backgroundunit11,
            backgroundunit12,
            bigimg,
            myfabric,
            eltable,
            iconimg,
            fullscreen
        }
    }
</script>
<style scoped>
    .dv-full-screen-container {
        transform: scale(1);
        position: absolute;
        top: 0px;
        left: 0px;
        overflow: hidden;
        transform-origin: left top;
        z-index: 499;
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 1920px;
        height: 1080px;
        background-color: '#040404';
        background-size: cover;
        background-repeat: no-repeat;
    }

    .div-full-screen {
        background-size: cover;
        background-repeat: no-repeat;
    }

    .bigitem {
        position: absolute;
        will-change: transform;
        overflow: hidden;
    }

    .layouttable {
        height: 100%;
        display: flex;
    }

    .layouttable .layouttable-item {
        height: 100%;
        position: relative;
        float: left;
    }

    .itemcontent {
        width: 100%;
        height: 100%;
    }
</style>
<style scoped></style>